<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link type="text/css" href="css/注册页面.css" rel="stylesheet" />
	</head>

	<body>
		<header>
			<div class="header">
				<div class="logo">
					<img src="img/logo.PNG">
				</div>
				<div class="middle">
					<ul>
						<li>
							<a href="#">APP开发平台</a>
						</li>
						<li>
							<a href="#">APP定制服务</a>
						</li>
						<li>
							<a href="#">开发者社区</a>
						</li>
						<li>
							<a href="#">VIP服务</a>
						</li>
						<li>
							<a href="#">案例</a>
						</li>
					</ul>
				</div>
				<div class="rig">
					<button type="button" id="one"><a href="#">登录</a> </button>
					<button type="button"><a href="#">注册</a></button>
				</div>
			</div>

		</header>
		<div class="pic">
			<div class="title">
				<div class="titles">登录</div>
			</div>
		</div>
		<section>

			<div class="section">
				<div class="left">
					<div class="one">
						<div class="smalltitle">展开全新移动应用开发之旅</div>
						<div class="neirong">
							<form>
								<div id="fine">
									<div class="oneone">
										<div id="country" onmouseover="document.getElementById('list').style='display:block;'" onmouseout="document.getElementById('list').style='none';">
											<img src="img/flag_china.png" />
										</div>
										<ul id="list" onmouseover="document.getElementById('list').style='display:block;'" onmouseout="document.getElementById('list').style='none';">
											<li class="china">中国</li>
											<li class="hongkong">香港</li>
											<li class="usa">美国</li>
											<li class="australia">澳大利亚</li>
										</ul>
									</div>
									<div class="two">
										+86
									</div>
									<input type="email" name="email" placeholder="请输入手机号码" class="three">
								</div>
								<input type="password" name="password" placeholder="密码" id="two" />
								<input type="password" name="password" placeholder="请输入右侧答案" id="three" />
								<img src="img/yanzheng.PNG" id="four" />
								<button><a href="#">获取手机验证码</a></button>
								<div class="r">
									<a href="#">已经注册？</a>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="right">
					<img src="img/user_qrcode.png" />
				</div>
			</div>
		</section>
	</body>

</html>